﻿<p>
    <FluentNumberField @bind-Value="exampleLong">Long</FluentNumberField><br />
    Example long: @exampleLong
    <br />
    Minimum value: -999999999999; Maximum value: 999999999999
</p>
<p>
    <FluentNumberField @bind-Value="shortMin">Short</FluentNumberField>
    <br />
    Minimum value: @(short.MinValue); Maximum value: @(short.MaxValue)
</p>

<p>
    <FluentNumberField @bind-Value="@exampleFloat">Float</FluentNumberField><br />
    Example float: @exampleFloat
    <br />
    Minimum value: @(float.MinValue); Maximum value: @(float.MaxValue)
</p>
<p>
    <FluentNumberField Step=0.25 @bind-Value="@exampleFloat">Float</FluentNumberField><br />
    Example float: @exampleFloat (step=0.25)
    <br />
    Minimum value: @(float.MinValue); Maximum value: @(float.MaxValue)
</p>
<p>
    <FluentNumberField @bind-Value="@exampleDouble" >Double</FluentNumberField><br />
    Example double: @exampleDouble
    <br />
    Minimum value: @(double.MinValue); Maximum value: @(double.MaxValue)
</p>
<p>
    <FluentNumberField @bind-Value="@exampleDecimal">Decimal</FluentNumberField><br />
    Example decimal: @exampleDecimal
    <br />
    Minimum value: @(decimal.MinValue); Maximum value: @(decimal.MaxValue)
</p>

@code {
    int exampleInt { get; set; } = 123;
    int exampleInt2 { get; set; } = 345;
    short shortMin = short.MinValue;
    long exampleLong { get; set; } = 999999999999;
    float exampleFloat { get; set; } = 123.45f;
    double exampleDouble { get; set; } = 456.32d;
    decimal exampleDecimal { get; set; } = Decimal.One / 3;
}
